2023/12/231952字符

样式操作

HTML

<div class="text">text</div>
<div class="">
    <p class="call">1</p>
    <p class="call">2</p>
    <p class="call">3</p>
</div>
<form action="./" method='GET'>
    <h3>选择你喜欢的明星</h3>
    <select name='star'>
        <option value="s">詹姆斯</option>
        <option value="a">库里</option>
        <option value="b">奥拉迪波</option>
    </select>
    <h3>一句话简单介绍你喜欢的明星</h3>
    <input type="text" name='easy' value='bozai'>
    <h3></h3>
    三分准：<input type="checkbox" name='special' value='three'>
    组织好：<input type="checkbox" name='special' value='org'>
    突破强：<input type="checkbox" name='special' value='strong'>
    <h3>具体描述该明显的技术特点</h3>
    <textarea name="des" id="" cols="30" rows="10"></textarea>
    <input type="submit" value='login'>
</form>

JS

$(".text").addClass("red");  // 添加类名
$('.text').addClass(function (index, ele) {});
$(".text").removeClass("red");  // 删除类名，参数为空时全部删除
$('.text').hasClass('red');  // 判断类名是否存在
$(".text").toggleClass("red");  // 如果存在（不存在）就删除（添加）一个类名

$(".text").html("<span>wrod</span>");  // 替换内容
$(".text").html()  // 获取dom结构，多个dom时只取第一个
$(".text").text() // 获取元素文本内容
$(".text").text("text");  // 替换文本内容
$(".call").each(function(index, ele){  // 循环
    console.log(index, ele);
});

$('form').serialize();  // 将用作提交的表单元素的值编译成字符串
$('form').serializeArray();  // 将用作提交的表单元素的值编译成数组

$("input[type='checkbox']").val();  // 读取 value 值，多个 dom 时只取第一个
$("input[type='text']").val('aaa');  // 写入 value 值，但 html 结构本身 value 值并没有变